﻿<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>58公寓高德搜房(全国版)</title>
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/jquery.range.css" />
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.1/css/amazeui.min.css" />
    <link href="~/CSS/common.css" rel="stylesheet" />

    <script src="http://webapi.amap.com/maps?v=1.3&key=8a971a2f88a0ec7458d43b8bc03b6462&plugin=AMap.ArrivalRange,AMap.Scale,AMap.Geocoder,AMap.Transfer,AMap.Autocomplete,AMap.CitySearch,AMap.Walking"></script>
    <script>
      
        var getViewDefaultDataAction = '@Url.Action("GetDefault58CityRoomData")';
        var getDataPageCount = '@Url.Action("Get58CityRoomPageCount")';
        var getDataByPageIndexAction = '@Url.Action("Get58CityRoomDataByCostAndIndex")';

    </script>
    <script src="~/DomainJS/lib/require.2.1.1.min.js" defer async="true" ></script>
 
    @*<script src="~/DomainJS/lib/require.2.1.1.min.js" data-main="/DomainJS/home"></script>*@ 
    <script src="~/DomainJS/lib/require.2.1.1.min.js" data-main="/DomainJS/housecommom"></script>
 
</head>

<body>
    <div id="container"></div>

    <div style="position:absolute;margin-left:60px;color:red;font:500" >所有的房源信息均来自网络，本网站不对其真实性负责，特此声明。问题反馈：codelover@qq.com</div>

    <div class="button-panel">
        <!-- 按钮触发器， 需要指定 target -->
        <button class="am-btn am-btn-success" data-am-offcanvas="{target: '#search-offcanvas'}">获取数据</button>

        <br />
        <div >
            <div id="IPLocationCity">城市：</div>
        </div>
    </div>

    <div class="button-panel" style="margin-top:70px;">
        <img src="IMG/Little/Blue.png" />0-1000
        <br />
        <img src="IMG/Little/PaleGreen.png" style="margin-top:10px;"/>1000-2000
        <br />
        <img src="IMG/Little/LightGreen.png" style="margin-top:10px;" />2000-3000
        <br />
        <img src="IMG/Little/PaleYellow.png" style="margin-top:10px;" />3000-4000
        <br />
        <img src="IMG/Little/OrangeYellow.png" style="margin-top:10px;"/>4000-5000
        <br />
        <img src="IMG/Little/PaleRed.png" style="margin-top:10px;" />5000-6000
        <br />
        <img src="IMG/Little/Red.png" style="margin-top:10px;"/>6000-7000
        <br />
        <img src="IMG/Little/Pink.png" style="margin-top:10px;" />7000-8000
        <br />
        <img src="IMG/Little/Violet.png" style="margin-top:10px;"/>8000-9000
        <br />
        <img src="IMG/Little/Black.png" style="margin-top:10px;"/>9000 +
    </div>

    <div id="search-offcanvas" class="am-offcanvas">
        <div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width:430px;z-index:-999">
            <div class="am-offcanvas-content">


                <div class="control-entry">
                    <div>
                        <label>当前访问量：</label>
                        <label id="lblPVCount"></label>
                    </div>
                </div>

                <div class="control-entry">
                    <div>
                        <a href="~/HonestHouse">58同城诚信房源</a>
                        <a href="~/PeopleRenting" style="margin-left:20px;">上海互助租房</a>
                    </div>
                </div>

                <div class="control-entry">
                    <div>
                        <input type="radio" name="locationType" value="1" checked="checked" />IP定位
                        <br />
                        <input type="radio" name="locationType" value="0" />移动地图自动定位
                        <br />
                    </div>
                </div>

                <div class="control-entry">
                    <div id="IPLocation"></div>
                </div>

                <div class="control-entry">
                    <label>价格区间：</label>
                    <input id="costFrom" type="text" style="width:20%" /> 到
                    <input id="costTo" type="text" style="width:20%" />
                    <input id="Get58Data" type="button" value="获取数据" class="am-btn am-btn-default" style="margin-left:10px;" />
                </div>

                <div class="control-entry">
                    <label>选择工作地点：</label>
                    <div class="control-input">
                        <input id="work-location" type="text" style="width:60%">
                    </div>

                </div>
                
                <div class="control-entry">
                    <label>选择通勤方式：</label>
                    <div class="control-input">
                        <input type="radio" name="vehicle" id="SUBWAY,BUS", value="SUBWAY,BUS" checked /> 公交+地铁
                        <input type="radio" name="vehicle" id="SUBWAY", value="SUBWAY" /> 地铁
                        <input type="radio" name="vehicle" id="WALKING", value="WALKING" /> 步行
                    </div>
                </div>

                <div class="control-entry">
                    <label>参考代码：</label>
                    <div class="control-input">
                        <a href="https://github.com/liguobao/58HouseSearch">Github源码（无耻求收藏）</a>
                        <br />
                        <a href="https://www.shiyanlou.com/courses/599">实验楼教程</a>
                        <br />
                        <a href="https://zhuanlan.zhihu.com/p/21883516">高德API+Python解决租房问题</a>
                        <br />
                        <a href="http://lbs.amap.com/">高德地图API</a>
                        <br />
                        <a href="http://sh.58.com/pinpaigongyu/">58同城品牌公寓</a>
                    </div>
                </div>

                <div class="control-entry">
                    <label>问题反馈：</label>

                    <br />
                    <a href="https://github.com/liguobao/58HouseSearch/issues">改进建议: Github Issues</a>
                    <br />
                    <a>联系邮箱: codelover@qq.com</a>
                </div>

                </div>
            </div>
        </div>
              
    <div id="transfer-panel"></div>

</body>

</html>